<template>
	<view class="hotline">
		<view class="one">
		  <view class="box">
		    <view class="box-top">大业美家分公司</view>
		    <view class="box-center">
		        <view class="box-center1"></view>
		        <view class="box-center2">贵宾热线</view>
		        <view class="box-center3"></view>
		    </view>
		  </view>
		  <view class="box1">
		      <view class="box2">
		          <view class="box2-top" v-for="item in cs" :key="item.id">
		              <view class="box2-top1">{{item.text}}{{item.text1}}</view>
		          </view>
		        </view>
		  </view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"hotline",
		data() {
			return {
				cs:[
				    {id:1,text:"北京:",text1:"400-100-1611"},
				    {id:2,text:"南京:",text1:"400-100-0619"},
				    {id:3,text:"武汉:",text1:"400-888-4798"},
				    {id:4,text:"济南:",text1:"400-656-8188"},
				    {id:5,text:"南宁:",text1:"400-606-6990"},
				    {id:6,text:"成都:",text1:"400-098-0999"},
				    {id:7,text:"郑州:",text1:"400-114-0371"},
				    {id:8,text:"沈阳:",text1:"400-094-6096"},
				    {id:9,text:"无锡:",text1:"400-668-7771"},
				    {id:10,text:"昆山:",text1:"400-051-9765"},
				    {id:11,text:"东菀:",text1:"400-154-6066"},
				    {id:12,text:"佛山:",text1:"400-861-3908"},
				]
			};
		}
	}
</script>

<style lang="less">
.hotline{
	  background-color: #efefef;
	  .box1{
	    width: 90%;
	    margin: auto;
	    background-color: #efefef;
		.box2{
		  margin-top: 20rpx;
		  display: flex;
		  justify-content: space-between;
		  flex-wrap: wrap;
		  .box2-top{
		    padding-bottom: 20rpx;
		    font-size: 20rpx;
		    width: 30%;
		  }
		}
	  }
	  .box{
	    text-align: center;
	    background-color: #efefef;
		.box-top{
		  padding-top: 20rpx;
		  font-size: 40rpx;
		}
		.box-center{
		  margin-top: 20rpx;
		  text-align: center;
		  width: 40%;
		  margin-left: 30%;
		  display: flex;
		  justify-content: space-around;
		  .box-center1{
		    margin-top: 20rpx;
		    width: 25%;
		    border-top:1rpx solid black ;
		  }
		  .box-center2{
		    width: 50%;
		    
		  }
		  .box-center3{
		    margin-top: 20rpx;
		    width: 25%;
		    border-top:1rpx solid black ;
		  }
		}
	  }
}
</style>